<!--
 * @Author: Yang Zhang
 * @Date: 2021-11-18 22:05:50
 * @LastEditors: Yang Zhang
 * @LastEditTime: 2021-12-07 00:13:37
 * @Description: 
-->
<template>
  <router-view></router-view>
</template>

<script lang="ts" setup>
import { onMounted } from '@vue/runtime-core'
import { v4 as uuidv4 } from 'uuid'
import { useStore } from 'vuex';
const store = useStore()
onMounted(() => {
  let uuid = store.state.app.uuid
  if (!uuid) {
    uuid = uuidv4()
    store.dispatch('app/setUuid', uuid)
  }
})
</script>

<style lang="scss">
@import url("./styles/base.scss");
// 引入字体文件
@font-face {
  font-family: "Galivji";
  src: url("@/assets/fonts/Galvji_0.ttf"), url("@/assets/fonts/Galvji_1.ttf"),
    url("@/assets/fonts/Galvji_2.ttf"), url("@/assets/fonts/Galvji_3.ttf");
}
@font-face {
  font-family: "Chalkboard SE";
  src: url("@/assets/fonts/ChalkboardSE_0.ttf"),
    url("@/assets/fonts/ChalkboardSE_1.ttf"),
    url("@/assets/fonts/ChalkboardSE_2.ttf");
}
#app {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
</style>
